<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit" />
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  <link rel="icon" type="image/png" href="img/app-icon72x72.png" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="img/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="标题" />
  <link rel="apple-touch-icon-precomposed" href="img/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="img/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta name="viewport" content="width=1200, user-scalable=yes">
  <title>西安数字文化馆</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <!-- /meta -->
  <script
    src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace.min.js"></script>
  <link
    href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace-theme-minimal.min.css"
    rel="stylesheet">
  <!--[if lte IE 9]>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!--[if gt IE 9]><!-->
  <script
    src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/jquery.3.3.1min.js"></script>
  <!--<![endif]-->
  <!-- /script -->

  <link rel="stylesheet" href="css/main.min.css">

  <!-- /style -->
</head>

<body>

  <div class="page page_index_item">

    <section class="common_header_item">

      <header class="page__header">
      </header>

      <article class="section page__main_nav">
        <div class="section__wrapper" style="width: 1220px;">
          <div class="column-inner clearfix">
            <nav class="page__nav bar__inner j_follow_bar_nav">
              <li class="nav__item" data-nav="index"><span class="nav__title"><a href="index.html">首页</a></span>
              </li>
              <li class="nav__item" data-nav="news"><span class="nav__title"><a href="news.html">文化资讯</a></span>
              </li>
              <li class="nav__item" data-nav="live"><span class="nav__title"><a href="live.html">互动直播</a></span>
              </li>
              <li class="nav__item" data-nav="ancient"><span class="nav__title"><a
                    href="ancient-culture.html ">古都文化</a></span>
              </li>
              <li class="nav__item" data-nav="activity"><span class="nav__title"><a href="activity.html">活动预约</a></span>
              </li>
              <li class="nav__item" data-nav="venue"><span class="nav__title"><a href="venue.html">场馆预定</a></span>
              </li>
              <li class="nav__item" data-nav="network"><span class="nav__title"><a
                    href="network-train.html">网络培训</a></span>
              </li>
              <li class="nav__item" data-nav="travel"><span class="nav__title"><a
                    href="culture-travel.html">文化旅游</a></span>
              </li>
              <li class="nav__item" data-nav="heritage"><span class="nav__title"><a
                    href="culture-heritage.html ">文化非遗</a></span>
              </li>
              <!-- <li class="nav__item" data-nav="volunteer"><span class="nav__title"><a href="volunteer-event-archive.html">志愿服务</a></span></li> -->
              <!-- <li class="nav__item" data-nav="app"><span class="nav__title"><a href="#">社团管理</a></span></li> -->
              <li class="nav__item" data-nav="county"><span class="nav__title"><a
                    href="county-view.html">区县风采</a></span>
              </li>
              <span class="follow__bar"></span>
            </nav>
          </div>
        </div>
      </article>
    </section>
    <!-- /header -->
    <main class="page__container">
      <!-- banner -->
      <!-- 头部banner -->
      <section class="index_banner">
        <div class="swiper-container index_swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="#">
                <img src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg"
                  width="100%" height="100%" alt="">
              </a>
            </div>
            <div class="swiper-slide">
              <a href="#">
                <img src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg"
                  width="100%" height="100%" alt="">
              </a>
            </div>
            <div class="swiper-slide">
              <a href="#">
                <img src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg"
                  width="100%" height="100%" alt="">
              </a>
            </div>
          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-pagination"></div>
          <div class="swiper-pagination"></div>
        </div>
      </section>
      <!-- 新闻资讯 -->
      <section class="index-news">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item.png" alt="">
          </div>
          <div class="section__container">
            <div id="newsList" class="module media-news">
              <div class="news-item">
                <div class="pure-u-13-24">
                  <img src="http://via.placeholder.com/640x260" width="100%" height="260" alt="">
                </div>
                <div class="pure-u-11-24">
                  <a href="#">
                    <div class="aptitude-box">
                      <div class="serial">01</div>
                      <div class="news-title">省农业农村厅领导深入通河县视察水稻苗情长势</div>
                      <div class="bref">
                        省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…
                      </div>
                      <div class="date">2020-8-15</div>
                    </div>
                  </a>
                </div>
              </div>
              <div class="news-item">
                <div class="pure-u-11-24">
                  <a href="#">
                    <div class="aptitude-box aptitude-padd">
                      <div class="serial">01</div>
                      <div class="news-title">省农业农村厅领导深入通河县视察水稻苗情长势</div>
                      <div class="bref">
                        省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…
                      </div>
                      <div class="date">2020-8-15</div>
                    </div>
                  </a>
                </div>
                <div class="pure-u-13-24">
                  <img src="http://via.placeholder.com/640x260" width="100%" height="260" alt="">
                </div>
              </div>
              <div class="news-item">
                <div class="pure-u-13-24">
                  <img src="http://via.placeholder.com/640x260" width="100%" height="260" alt="">
                </div>
                <div class="pure-u-11-24">
                  <a href="#">
                    <div class="aptitude-box">
                      <div class="serial">01</div>
                      <div class="news-title">省农业农村厅领导深入通河县视察水稻苗情长势</div>
                      <div class="bref">
                        省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…省农业农村厅副厅长李世润带领种植业管理处相关人员来通河县视察水稻苗情长势,通河县政府副县长…
                      </div>
                      <div class="date">2020-8-15</div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more1.png" alt="">
            </a>
          </div>
        </div>
      </section>
      <!-- 资源点播 -->
      <!-- media-card -->
      <section class="index-resource">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item1.png" alt="">
          </div>
          <div class="resource-container">
            <div class="resource-item-top">
              <div class="pure-u-1-3 media-card pure-padd">
                <a href="#" class="object">
                  <div class="item">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/380x500" width="100%" alt="">
                      <div class="resource-label resource-label-color1"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-breif">
                        <div>又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="pure-u-1-3 media-card pure-padd">
                <a href="#" class="object">
                  <div class="item">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/380x500" width="100%" alt="">
                      <div class="resource-label resource-label-color2"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-breif">
                        <div>又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="pure-u-1-3 media-card pure-padd">
                <a href="#" class="object">
                  <div class="item">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/380x500" width="100%" alt="">
                      <div class="resource-label resource-label-color3"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-breif">
                        <div>又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="resource-list">
            <div class="resource-item-botn">
              <div class="pure-u-1-4">
                <a href="#" class="object">
                  <div class="itembotn">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/286x180" width="100%" alt="">
                      <div class="resource-list-label resource-label-color1"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-list-breif">
                        又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="pure-u-1-4">
                <a href="#" class="object">
                  <div class="itembotn">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/286x180" width="100%" alt="">
                      <div class="resource-list-label resource-label-color2"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-list-breif">
                        又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="pure-u-1-4">
                <a href="#" class="object">
                  <div class="itembotn">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/286x180" width="100%" alt="">
                      <div class="resource-list-label resource-label-color3"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-list-breif">
                        又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…
                      </div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="pure-u-1-4">
                <a href="#" class="object">
                  <div class="itembotn">
                    <div class="conntant-item">
                      <img src="http://via.placeholder.com/286x180" width="100%" alt="">
                      <div class="resource-list-label resource-label-color4"><span>少儿</span>
                      </div>
                      <img src="img/index/play.png" class="play" alt="">
                      <div class="resource-list-breif">
                        又到一年旅游旺季，今年暑期游市年暑期游市场有年暑期游市场有年暑期游市场有年暑期游市场有场有何新亮点，又到一年旅游旺季，今年暑期游市场有何新…
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more1.png" alt="">
            </a>
          </div>
        </div>
      </section>
      <!-- 文化活动 -->
      <section class="index-activity">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item2.png" alt="">
          </div>
          <div id="activityList" class="activity-container">
            <div class="pure-u-1-4">
              <div class="activity-box">
                <a href="#" class="object">
                  <div class="activity-item media-card">
                    <img src="http://via.placeholder.com/258x173" width="100%" alt="">
                    <div class="activity-title">
                      <p class="title">缤纷童年-缤纷童年缤纷童年</p>
                      <p class="activity-date">2020-8-15至2020-8-20</p>
                    </div>
                    <div class="venue">通河县文化馆</div>
                  </div>
                </a>
                <div class="begin-activity-box media-card">
                  <a class="begin-item">进入活动</a>
                </div>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="activity-box">
                <a href="#" class="object">
                  <div class="activity-item media-card">
                    <img src="http://via.placeholder.com/258x173" width="100%" alt="">
                    <div class="activity-title">
                      <p class="title">缤纷童年-缤纷童年缤纷童年</p>
                      <p class="activity-date">2020-8-15至2020-8-20</p>
                    </div>
                    <div class="venue">通河县文化馆</div>
                  </div>
                </a>
                <div class="begin-activity-box media-card">
                  <a class="begin-item">进入活动</a>
                </div>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="activity-box">
                <a href="#" class="object">
                  <div class="activity-item media-card">
                    <img src="http://via.placeholder.com/258x173" width="100%" alt="">
                    <div class="activity-title">
                      <p class="title">缤纷童年-缤纷童年缤纷童年</p>
                      <p class="activity-date">2020-8-15至2020-8-20</p>
                    </div>
                    <div class="venue">通河县文化馆</div>
                  </div>
                </a>
                <div class="begin-activity-box media-card">
                  <a class="begin-item">进入活动</a>
                </div>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="activity-box">
                <a href="#" class="object">
                  <div class="activity-item media-card">
                    <img src="http://via.placeholder.com/258x173" width="100%" alt="">
                    <div class="activity-title">
                      <p class="title">缤纷童年-缤纷童年缤纷童年</p>
                      <p class="activity-date">2020-8-15至2020-8-20</p>
                    </div>
                    <div class="venue">通河县文化馆</div>
                  </div>
                </a>
                <div class="begin-activity-box media-card">
                  <a class="begin-item">进入活动</a>
                </div>
              </div>
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more1.png" alt="">
            </a>
          </div>
        </div>
      </section>
      <!-- 场馆导航 -->
      <section class="index-venue">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item3.png" alt="">
          </div>
          <div id="venueList" class="venue-container">

            <div class="pure-u-1-4">
              <div class="venue-box">
                <a href="#" class="object">
                  <div class="venue-item media-card">
                    <img src="http://via.placeholder.com/258x255" width="100%" alt="">
                    <div class="venue-title">
                      <div class="title">通河县文化馆</div>
                      <div class="disnone">
                        <p class="venue-site">地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</p>
                        <div class="reserve-venue">立即预定</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="venue-box">
                <a href="#" class="object">
                  <div class="venue-item media-card">
                    <img src="http://via.placeholder.com/258x255" width="100%" alt="">
                    <div class="venue-title">
                      <div class="title">通河县文化馆</div>
                      <div class="disnone">
                        <p class="venue-site">地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</p>
                        <div class="reserve-venue">立即预定</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="venue-box">
                <a href="#" class="object">
                  <div class="venue-item media-card">
                    <img src="http://via.placeholder.com/258x255" width="100%" alt="">
                    <div class="venue-title">
                      <div class="title">通河县文化馆</div>
                      <div class="disnone">
                        <p class="venue-site">地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</p>
                        <div class="reserve-venue">立即预定</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="pure-u-1-4">
              <div class="venue-box">
                <a href="#" class="object">
                  <div class="venue-item media-card">
                    <img src="http://via.placeholder.com/258x255" width="100%" alt="">
                    <div class="venue-title">
                      <div class="title">通河县文化馆</div>
                      <div class="disnone">
                        <p class="venue-site">地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</p>
                        <div class="reserve-venue">立即预定</div>
                      </div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more1.png" alt="">
            </a>
          </div>
        </div>
      </section>
      <!-- 网络培训 -->
      <section class="index-network">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item4.png" alt="">
          </div>
          <div class="network-container">
            <div class="pure-u-13-24">
              <div class="network-item active">
                <a href="#">
                  <div class="item-box">
                    <div class="network-video">
                      <img src="http://via.placeholder.com/168x106" alt="">
                    </div>
                    <div class="network-resource">
                      <div class="resource-title">关于开展2020年度第一次网络培训工作的通知</div>
                      <div class="resource-brief">关于开展2020年度第一次网络培训工作的通知关于开展2020年度第一次网络培训工作的通关于开展2020年度第一次网络培训工作的通知知
                      </div>
                      <div class="speaker">主讲：</div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="network-item">
                <a href="#">
                  <div class="item-box">
                    <div class="network-video">
                      <img src="http://via.placeholder.com/168x106" alt="">
                    </div>
                    <div class="network-resource">
                      <div class="resource-title">关于开展2020年度第一次网络培训工作的通知</div>
                      <div class="resource-brief">关于开展2020年度第一次网络培训工作的通知关于开展2020年度第一次网络培训工作的通关于开展2020年度第一次网络培训工作的通知知
                      </div>
                      <div class="speaker">主讲：</div>
                    </div>
                  </div>
                </a>
              </div>
              <div class="network-item">
                <a href="#">
                  <div class="item-box">
                    <div class="network-video">
                      <img src="http://via.placeholder.com/168x106" alt="">
                    </div>
                    <div class="network-resource">
                      <div class="resource-title">关于开展2020年度第一次网络培训工作的通知</div>
                      <div class="resource-brief">关于开展2020年度第一次网络培训工作的通知关于开展2020年度第一次网络培训工作的通关于开展2020年度第一次网络培训工作的通知知
                      </div>
                      <div class="speaker">主讲：</div>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="pure-u-11-24 network-item-box">
              <img src="http://via.placeholder.com/540x400" alt="">
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more.png" alt="">
            </a>
          </div>
        </div>
      </section>
      <!-- 网上展厅 -->
      <section class="index-cultivate">
        <div class="section__wrapper">
          <div class="index-title">
            <img src="img/index/index-item5.png" alt="">
          </div>
          <div class="cultivate-container">
            <div class="cultivate-item active">
              <img src="img/index/index-cultivate-item.png" width="656" alt="">
              <img src="img/index/chiled1.png" class="img-label" alt="">
              <div class="hint">美术</div>
            </div>
            <div class="cultivate-item">
              <img src="img/index/index-cultivate-item1.png" width="656" alt="">
              <img src="img/index/chiled2.png" class="img-label" alt="">
              <div class="hint">音乐</div>
            </div>
            <div class="cultivate-item">
              <img src="img/index/index-cultivate-item2.png" width="656" alt="">
              <img src="img/index/chiled3.png" class="img-label" alt="">
              <div class="hint">书法</div>
            </div>
            <div class="cultivate-item">
              <img src="img/index/index-cultivate-item3.png" width="656" alt="">
              <img src="img/index/chiled4.png" class="img-label" alt="">
              <div class="hint">摄影</div>
            </div>
          </div>
          <div class="more-box">
            <a href="#">
              <img src="img/index/more1.png" alt="">
            </a>
          </div>
        </div>
      </section>
    </main>
    <!-- / container -->

    <footer class="page__footer">
      <!--      <section class="footer-main">-->
      <!--        <div class="section__wrapper footer-top">-->
      <!--          <div class="footer-r">-->
      <!--            <img src="../img/footer-logo/fool-logo.png" alt="">-->
      <!--            <div class="region">-->
      <!--              <span>热线：192832083</span>-->
      <!--              <span>地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</span>-->
      <!--            </div>-->
      <!--            <div class="relation">-->
      <!--              <span>邮箱：192832083s33f</span>-->
      <!--              <span>传真：192832083s33f</span>-->
      <!--            </div>-->
      <!--          </div>-->
      <!--          <div class="footer-middle">-->
      <!--            <div class="middle-title">友情链接</div>-->
      <!--            <div class="middle-href">-->
      <!--              <a href="#">国家公共文化云</a>-->
      <!--              <a href="#">中国数字文化网</a>-->
      <!--              <a href="#">哈尔滨市文化和旅游厅</a>-->
      <!--            </div>-->
      <!--            <div class="middle-href">-->
      <!--              <a href="#">国家公共文化云</a>-->
      <!--              <a href="#">中国数字文化网</a>-->
      <!--              <a href="#">哈尔滨市文化和旅游厅</a>-->
      <!--            </div>-->
      <!--          </div>-->
      <!--          <div class="footer-qr">-->
      <!--            <img src="../img/footer-logo/qr.png" alt="">-->
      <!--            <div class="qr-title">官方微信</div>-->
      <!--          </div>-->
      <!--        </div>-->
      <!--      </section>-->
      <!--      <section class="footer-bot-main">-->
      <!--        <div class="section__wrapper footer-bot">-->
      <!--          版权所有Copyright © 2020通河县文化与旅游厅 黑ICP备XXXXXXXXXX号-->
      <!--        </div>-->
      <!--      </section>-->
    </footer>
    <!-- / footer -->
  </div>
  <!-- /page -->
  <!-- 通用组件 -->
  <script src="js/page-header.js"></script>
  <script src="js/page-footer.js"></script>
  <!--CDN 依赖文件-->
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/jquery.min-1.2.4/jquery.min.js"></script>
  <script
    src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/underscore-min-1.8.3/underscore-min.js"></script>
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/js.cookie-2.20/js.cookie.js"></script>
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/layer-3.0.3/layer.min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/lib/swiper-4.5.1/js/swiper.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/lib/swiper-4.5.1/css/swiper.min.css"
    rel="stylesheet">
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/wow/1.1.2/wow.min.js"></script>
  <!-- 前端交互脚本 -->
  <script src="js/common/xtab.js"></script>
  <script src="js/common/xbar.js"></script>
  <script src="js/common/util.js"></script>
  <script src="js/app.js"></script>
  <script src="js/hy.util.js"></script>

  <!-- /script -->
  <script>

    $(document).ready(function () {

      $.get(urlPath + "api/index", function (data) {
        console.log("data=> " + data);
        var newsList = data.data.newsList;
        var activityList = data.data.activityList;
        var venueList = data.data.venueList;
        // var activityImage = data.data.activityImage;
        console.log(newsList)
        var news;//新闻
        var activity;//活动


        // 渲染新闻资讯
        $("#newsList").html("")
        for (var i = 0; i < newsList.length; i++) {
          news = newsList[i];
          $("#newsList").append(newsHtml(i, news));
        }
        //渲染资源点播
        //渲染文化活动
        $("#activityList").html("")
        for (var a = 0; a < activityList.length; a++) {
          activity = activityList[a];
          $("#activityList").append(activityHtml(activity))
        }

        //渲染场馆导航
        var venue;
        $("#venueList").html("")
        for (var v = 0; v < venueList.length; v++) {
          venue = venueList[v];
          $("#venueList").append(venueHtml(venue));
        }
        //渲染网络培训
        //渲染网上展厅

        //事件监听
        $(".venue-item").hover(function () {
          $(this).children().find('.disnone').show();
        }, function () {
          $(".disnone").hide();
        });

        $(".cultivate-item").hover(function () {
          $(this).addClass("active").siblings().removeClass("active")
          $(this).find('.img-label').show()
        }, function () {
        });

        $(".index_swiper").css("height", $(window).width() * 0.32)
        var indexSwiper = new Swiper('.index_swiper', {
          pagination: {
            el: '.swiper-pagination',
          },
          autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
          },
        })

        $(".venue-item").hover(function () {
          $(this).children().find('.disnone').show();
        }, function () {
          $(".disnone").hide();
        });

        $('.network-item').hover(function () {
          $(this).addClass('active').siblings().removeClass('active')
        })

        // 模拟渲染请删除
        function getdata(container, number, module) {
          var temple1 = '';
          for (var i = 0; i < number; i++) {
            temple1 += $("#" + module).html();
          }
          $("." + container).append(temple1);
        }
      });

      //场馆
      function venueHtml(venue) {
        return "<div class='pure-u-1-4'>" +
          "<div class='venue-box'>" +
          "<a href='#' class='object'>" +
          "<div class='venue-item media-card'>" +
          "<img src='" + venue.poster + "' width='100%' alt=''>" +
          "<div class='venue-title'>" +
          "<div class='title'>" + venue.title + "</div>" +
          "<div class='disnone'>" +
          "<p class='venue-site'>" +
          "地址：" + venue.address + "" +
          "</p>" +
          "<div class='reserve-venue'>立即预定</div>" +
          "</div>" +
          "</div>" +
          "</div>" +
          "</a>" +
          "</div>" +
          "</div>";
      }
      //活动
      function activityHtml(activity) {
        return "<div class='pure-u-1-4'>" +
          "<div class='activity-box'>" +
          "<a href='#' class='object'>" +
          "<div class='activity-item media-card'>" +
          "<img src='" + activity.poster + "' width='100%' alt=''>" +
          "<div class='activity-title'>" +
          "<p class='title'>" + activity.title + "</p>" +
          "<p class='activity-date'>" + activity.pubTime + "</p>" +
          "</div>" +
          "<div class='venue'>" + activity.address + "</div>" +
          "</div>" +
          "</a>" +
          "<div class='begin-activity-box media-card'>" +
          "<a class='begin-item'>进入活动</a>" +
          "</div>" +
          "</div>" +
          "</div>";
      }
      //新闻资讯
      function newsHtml(i, news) {
        if (i % 2 == 0) {
          return "<div class='news-item'>" +
            "<div class='pure-u-13-24'>" +
            "  <img src='" + news.poster + "' width='100%' height='260' alt='" + news.recommendTitle + "'>" +
            "</div>" +
            "<div class='pure-u-11-24'>" +
            "<a href='" + news.linksUrl + "'>" +
            "  <div class='aptitude-box'>" +
            "<div class='serial'>" +
            (i >= 10 ? 0 : "0") +
            (i + 1) +
            "</div>" +
            "<div class='news-title'>" + news.title + "</div>" +
            "<div class='bref'>" +
            news.resDesc +
            "</div>" +
            "<div class='date'>" + news.pubTime + "</div>" +
            "</div>" +
            "</a>" +
            "</div>" +
            "</div>";
        } else {
          return "<div class='news-item'>" +
            " <div class='pure-u-11-24'>" +
            "<a href='" + news.linksUrl + "'>" +
            "<div class='aptitude-box aptitude-padd'>" +
            "<div class='serial'>" +
            (i >= 10 ? 0 : "0") +
            (i + 1) + "</div>" +
            "<div class='news-title'>" + news.title + "</div>" +
            "<div class='bref'>" +
            news.resDesc +
            "</div>" +
            "<div class='date'>" + news.pubTime + "</div>" +
            "</div>" +
            "</a>" +
            "</div>" +
            "<div class='pure-u-13-24'>" +
            "<img src='" + news.poster + "' width='100%' height='260' alt='" + news.recommendTitle + "'>" +
            "</div>" +
            "</div>";
        }

      }
    });


  </script>
</body>

</html>